<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0;padding:0;box-sizing: border-box;font-size: 34px}
        img{width:100%}
        #warp{width:100%}
        .container{width:100%;position: absolute;top:1050px;/*border:2px solid*/}
        #box1{width:80%;margin-left: 10%}
        #box1 input{width:100%;height:100px ;font-size:38px;border:none;border-radius:44px;padding-left: 58px; outline: none;}
        #box2{margin-left:15%;width:70%;margin-top:35px;/*border-bottom:1px solid #959595;*/position: relative;}
        #box3{position: relative;width:100%;height:50px;/*border:1px solid;*/margin-top: -40px;}
        #check{position: absolute; left:8%;top:6px;width: 36px;/* border: 1px solid; */}
        #desc{position: absolute; left:14%;top:1px;color: #FFFFFF;text-align: center;/* border:1px solid; */}
        #desc a{/*color:#FFFFFF*/;text-decoration:none}
        #box4{width:80%;margin-left:10%;margin-top:72px;text-align: center;color:#FFFFFF;line-height: 50px/* border-bottom:1px solid */}
        #box5{width:40%;margin-left:30%;margin-top:80px;/* border-bottom:1px solid */}
        #box6{width:90%;margin-left:5%; margin-top:40px;color: #FFFFFF;line-height: 62px}
        #box7{text-align: center;margin-top: 60px;color: #FFFFFF;font-size: 64px;}
    </style>
</head>
<body>
<div id="warp"><img src="../img/gd/bg.jpg" alt="" /></div>
<div class="container">
    <div id="box1">
        <input type="text" id="phone" placeholder="请输入手机号">
    </div>
    <div id="box2"><img src="../img/gd/办理按钮.gif" alt=""></div>
    <div id="box3">

        <div id="check"><img src="../img/gd/check.png" alt=""></div>
        <div id="desc">我已阅读并同意<a href="">《活动规则》</a>、<a href="">《隐私条款》</a>等协议</div>
    </div>
    <div id="box4">
        <p>知护星优品包</p>
        <p>业务资费：20元/月</p>
        <p>如需退订可致电客服热线：4008121680</p>
    </div>
    <div id="box5"><img src="../img/gd/业务说明-标题.png" alt=""></div>
    <div id="box6">
        <p>1、业务名称：知护星优品包</p>
        <p>2、业务资费：20元/月</p>
        <p>3、活动对象：广东移动手机用户</p>
        <p>4、知护星会员权益:关注微信公众号“广东移动智慧校园”，可以查看和使用知护星会员权益。知护星一款素质教育知识产品，产品包含国学启蒙、美育知识。</p>
        <p>5、知护星会员权益领取方式：关注“广东移动智慧校园”微信公众号或小程序，用广东移动手机号进行登录，找到知护星业务即可使用知护星会员权益；</p>
        <p>6、每个手机号仅限参与一次，业务开通立即生效，本产品长期有效，费用按月扣取。</p>
        <p>7、退订方式：<br>
            方式一:发送短信0000至10086，按提示内容退订。<br>
            方式二:拨打客服热线4008121680即可人工退订。<br>
        </p>
        <p>8、如有疑问可致客服热线:4008121680</p>
    </div>
    <div id="box7">
        客服热线：4008121680
    </div>
</div>
</body>
</html>